﻿<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>load demo</title>
    <style>
        body{ font-size: 12px; font-family: Arial;position:relative; }

        #advert_bottom {
            position: fixed;
            bottom: 3px;
            margin-left:0px;
        }

            /**  div#adsadvert{position:absolute;bottom:0px;left:0px;z-index:9999;} **/

    </style>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
     
        $(document).ready(function()
        {

            var counter=setInterval(timer, 1000); 
			 
            function timer()
            {
				 clearInterval(counter);
				 var time=1;
				$('#timer').hover(function()
				{
				var result=parseInt($('#result').text());		      
					  var total=result+time;
					  $('#result').html(total);
					  
			   });
            }
			function testem(key)
			{
				alert(key);
			}
           
		   <?php $keys=10;?>
		   testem(<?php echo $keys;?>);

        });

    </script>
</head>
<body>
<div id="advert_bottom">
       <div id="nav_control_left_ads" style="width:500px;padding:5px 0px;position:fixed;bottom:330px;left:0px;">
                <div id="timer" style="width:253px;height:52px;font-weight:bold;padding-top:15px;padding-left:20px;color:#FFF;font-size:16px;float:right;margin:auto;background:green;">
						AAAAAAAAAAAAAAAAA
                </div>
                <div id="closetab" style="width:50px;float:left;"><img src="closes.png" /></div>
				<!-- other code -->
       </div>

</div>
<div id="result"> 0
</div>
</body>
</html>